<div class="body_content">
   <div class="top_content">
      <div class="left">
	 <div style="margin-right: 20px; margin-top: 8px;margin-bottom: 10px;">
	    <h1>User Maintenance</h1>
	 </div>
      </div>
      <div class="right align_right">
	 <div style="margin-right: 20px; margin-top: 5px;margin-bottom: 10px;">
	 <input type="text" name="search" id="search_user" class="search" placeholder="Search" />
      </div>
      </div>
   </div>
   <div class="hr"></div>
   <div class="bottom_content">
      <div style="float: left; margin-top: 10px; width: 100%;">
         <div class="titleBar">
            <div class="holderLeft">
               <div class="titlePosition">
               List of all users.
               </div>
            </div>
            <div class="holderRight">
               <img src="/images/loader/zoomloader.gif" style="float: right;margin-right: 20px;margin-top: 2px;" class="display imageloader"/>
            </div>
         </div>
         <div class="Holdercontent" style="min-height: 230px;">
            <div class="top">
		  <div style="margin-left: 5px;margin-top: 5px; font-size: 12px;">
		     <img src="/images/icon/delete.png" title="Delete Selected Files" id="deleteuser"  class="cursor"/> Delete Selected Files
		     <input type="hidden" id="documentListID" />
		  </div>
		  <br /><br />
	       <!--   content --->
	       <div id="load_user"></div>
	       <div style="margin-top: 10px;">
		  <input type="button" name="addNewUser" class="btn addUserbtn" id="addNewUser" value="Add User"/>
	       </div>
            </div>
         </div>
      </div>
      
      <div class="userEditForm display addUser" id="addUser" style="float: left; margin-top: 10px; width: 100%;">
         <div class="titleBar">
            <div class="holderLeft">
               <div class="titlePosition">
		  Add user form
               </div>
            </div>
            <div class="holderRight">
               <img src="/images/loader/zoomloader.gif" style="float: right;margin-right: 20px;margin-top: 2px;" class="display imageloader"/>
            </div>
         </div>
         <div class="Holdercontent" style="min-height: 230px;">
            <div class="top">
	       <?php
	       $db = new Database();
	       ?>
	       <div class="fields">
		  <div class="label">Firstname:</div>
		  <div class="input"><input type="text" id="userFname" class="textfield_one"></div>
	       </div>
	       <div class="fields">
		  <div class="label">Lastname:</div>
		  <div class="input"><input type="text" id="userLname" class="textfield_one"></div>
	       </div>
	       <div class="fields">
		  <div class="label">Username:</div>
		  <div class="input"><input type="text" id="userUname" class="textfield_one"></div>
	       </div>
	       <div class="fields" id="lbluserPassword">
		  <div class="label">Password:</div>
		  <div class="input"><input type="password" id="userPassword" class="textfield_one"></div>
	       </div>
	       <div class="fields">
		  <div class="label">User Type:</div>
		  <div class="input">
		     <select id="userUtype" class="selection1">
			<?php
			   $getUserType = $db->query("SELECT * FROM tbluser_level ","array");
			   foreach($getUserType as $type){
			      echo '<option id="'.$type['id'].'">'.$type['level'].'</option>';
			   }
			?>
		     </select>
		  </div>
	       </div>
	       <div class="fields">
		  <div class="label">Division/Section:</div>
		  <div class="input">
		     <select  id="userDivSec" class="selection1">
			<?php
			$DivSec = array("Administrative","Accounting","Planning and Design","Maintenance","Contruction","MQC","ORD/ODE","COA","Monitoring",
                                           "Legal");
                           for($a=0;$a<count($DivSec);$a++){
                              echo "<option id='";
				    echo $DivSec[$a];
			      echo "'>".$DivSec[$a]."</option>";
                           }
			?>
		     </select>
		  </div>
	       </div>
	       <div class="fields">
		  <div class="label">Location:</div>
		  <div class="input"><input type="text" id="userLocation" class="textfield_one"></div>
	       </div>
	       <div class="fields">
		  <div class="label">User Active:</div>
		  <div class="input">
		     <select id="userUactive" class="selection1">
			<?php
			   echo '<option id="1" rel="1">Yes</option>';
			   echo '<option id="0" rel="0">No</option>';
			?>
		     </select>
		  </div>
	       </div>
	       <div class="fields" style="border-bottom: none;">
		  <div class="label"></div>
		  <div class="input">
		     <div style="margin-top: 8px;">
			<input type="button" class="btn users" id="" value="Submit"/>
			<input type="button" class="btn updateUser" id="" value="Update"/>
		     </div>
		  </div>
	       </div>
            </div>
         </div>
      </div>
   </div>
</div>

<script>
     setActivNav('usermaintenance');
</script>